Experimenting with three.js

Three.js was the first javascript library I ever worked with and It was gorgeous. Easy to program, plenty of resources, and examples with immediate visual results. I have used three.js to showcase my 3D designs and build a basic 3D navigator. Here is a brief of that excursion.

Setting up three.js:
I used atom along with the three.js master to do initial setup on my windows 10 PC. Detailed information can be found here. For windows, it was very easy. You just extract the three.js-master.zip add that path to your atom project path and you are ready to go.

First attempt:
There are many examples on href="https://threejs.org/">Three.js website along with some basic documentation . All these examples are also available in the master.zip along with other required resources like textures, fonts, and loaders. So basically choose your example make changes and debug until it runs. A live server package on atom is very helpful for debugging as you just run your code on live server and use inspect option on your browser to debug your code.

A simple starting point:

Check out this simple tile flipping in 3D to get started.